import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'task-menu',
  styles: [
    `
      h3 {
        padding-bottom: 9px;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 12px;
      }
      .item-wrapper {
        width: 100px;
        height: 80px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
      }
      .node-ico {
        display: block;
        width: 40%;
        height: auto;
        margin: 0 auto 10px;
      }
      .item-name {
        font-size: 13px;
        text-align: center;
      }
    `,
  ],
  template: `
    <div class="menu-wrapper">
      <!-- 营销动作 -->
      <section class="container-wrapper">
        <section>
          <h3>营销动作</h3>
          <ul>
            <li class="item-wrapper">
              <img
                class="node-ico"
                src="/assets/images/node-ico-sms.png"
                alt=""
              />
              <p class="item-name">短信发送</p>
            </li>
            <li class="item-wrapper">
              <img
                class="node-ico"
                src="/assets/images/node-ico-email.png"
                alt=""
              />
              <p class="item-name">邮件发送</p>
            </li>
          </ul>
        </section>

        <section style="margin-top:20px;">
          <h3>条件控制</h3>
        </section>
      </section>
    </div>
  `,
})
export class MenuComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}
